<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html id="finished">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>已完成订单列表</title>
    <link href="/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/css/animate.css" rel="stylesheet">
    <link href="/static/css/style.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg">
    <div class="container wrapper wrapper-content animated fadeInRight">
    <!-- v-for="money in MoneyInfo"-->
    <div class="ibox float-e-margins" >
        <div class="ibox-title">
            <h5>资产状况</h5>
            <span style="float:right;">
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-md-6">
                    <div class="widget style1 navy-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>应收金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.amount}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>实收金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.actual}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="widget style1 red-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>已完成订单</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.finished}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>未发货订单</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.delivery}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="widget style1 blue-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>损耗金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.loss}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>销售总量</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">11{{money.orderNum}}Kg</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="ibox float-e-margins">
        <div class="ibox-title" style="position:relative;">
            <h5>已完成销售订单列表</h5><button onclick="javascript:location.reload();" type="button" class="btn btn-sm btn-outline btn-danger" style="margin-left:15px;margin-top: -6px;">刷 新</button>
            <span style="float:right;">
            <nav style="position:absolute;right: 16px;bottom: -21px;" class="page hidden-xs">

            </nav>
        </div>
            <nav class="page visible-xs">

            </nav>
        <span style="float:right;"></span>
    
    <div class="ibox-content">
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>鱼的种类</th>
                        <th>销售单价</th>
                        <th>销售数量</th>
                        <th>应收价格</th>
                        <th>实收价格</th>
                        <th>损耗</th>
                        <th>购买者</th>
                        <th>时间</th>
                        <th>付款状态</th>
                        <th>备注</th>
                        <th>状态</th>
                        <!-- <th>操作</th>  -->
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="item in vdata">
                        <td>{{item.id}}</td>
                        <td>{{item.bankname}}</td>
                        <td>{{item.price}}</td>
                        <td>{{item.number}}</td>
                        <td>{{item.amount}}</td>
                        <td>{{item.actual}}</td>
                        <td>{{item.loss}}</td> 
                        <td>{{item.consumer}}</td>
                        <td>{{item.time}}</td>
                        <td v-if="item.payment == 0">已付款</td>
                        <td v-if="item.payment == 1">未付款</td>
                        <td v-if="item.payment == 2">部分付款</td>
                        <td>{{item.memo}}</td>
                        <td v-if="item.status == 0">未发货</td>
                        <td v-if="item.status == 1">已发货</td>
                        <td v-if="item.status == 2">退货</td>
                        <td v-if="item.status == 3">完成</td>
                        <!-- <td >
                            <select class="form-control m-b" v-model="selected" @change="type(item.id)">
                                <option value="0" selected>请选择状态</option>
                                <option v-if="item.status == 0" value="1">发货</option>
                                <option v-if="item.status == 1" value="2">完成</option>
                                <option v-if="item.status == 0" value="3">取消订单</option>
                                <option v-if="item.status == 3" value="4">退货</option>
                                <option v-if="item.status == 1" value="5">完成有损耗</option>
                            </select>
                        </td>  -->
                    </tr>
                </tbody>
            </table>
        </div>
    </div> 

</div>

    </div>

    <script src="/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="/static/js/layer/layer.js" charset="utf-8"></script>
    <script src="/static/js/vue.js"></script>
    <script src="/static/js/jquery.twbsPagination.js" charset="utf-8"></script>
    <script src="/static/js/finished.js" charset="utf-8"></script>
</body>

</html>
